<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>探究网页</title>
    <a href="./格式化文本.html">首页</a>
</head>
<body>
    <h2>学习font属性</h2>
    <p>p内的这是测试用的，just for test</p>
    <h1>这是测试用的，just for test</h1>
    <h1>这是测试用的，just for test</h1>
    <h1>这是测试用的，just for test</h1>
    <h2>常用英文字体</h2>
    <h5> Web Safe Fonts(英文字体) </h5>
    <h5> Arial(sans-serif)</h5>
    <h5> Arial Black(sans-serif)</h5>
    <h5> Nerdana (sans-serif) </h5>
    <h5> Tahoma (sans-senf)</h5>
    <h5> Trebuchet (MSisans-serif) </h5>
    <h5> Times New Roman (serf) </h5>
    <h5> Diaot serif Georgia(serif)</h5>
    <h5> American Typewriter(serif)</h5>
    <h2>font-weight两套度量</h2>
    <h3>测试文字</h3>
    <h4>测试文字</h4>
<style>
    html{
        font-size: 20px;
    }
    p,h1{
        font-size: 1.5rem;
        font-family:lisu, 'Lucida Sans';
        font-weight: 500;
        font-style: italic;
        color: blueviolet;
}
h5{
    font-family: 仿宋;
}
h3{
    font-weight: bold;
}
h4{
    font-weight: 200;
}

</style>
</body>
</html>